<template>
  <Header />
  <Search />
  <Convent />
  
  <div class="home-draw">
    <Control />
    <Draw />
  </div>
  
  <Adjustment/>

  
  
  <Footer />
</template>

<script lang="ts">
import Header from "./Header/index.vue";
import Footer from "@/components/Footer/index.vue";
import Search from "./Search/index.vue";
import Convent from './Convent/index.vue';
import Control from '@/views/Home/components/Control/index.vue';
import Draw from '@/views/Home/Draw/index.vue'
import Adjustment from '@/views/Home/Adjustment/index.vue'

import { toHex, toRgb } from "@/utils/tool";
export default {
  name: "index",
  components: { Header, Footer,Search,Convent,Control,Draw,Adjustment },
  setup() {
    const run = toHex(49, 51, 53);
    const test = toRgb("#313335");

    return {
      run,
      test,
    };
  },
};
</script>

<style scoped lang="scss">
.home-draw {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  
}


</style>
